<template>
    <div>
        <h2>我是Count组件</h2>
        <button @click="changeCount(2)">累加父组件的穿过来的count1</button>
        <p>子组件展示父组件传过来的count</p>
        <p>{{ count1 }}</p>
    </div>
</template>

<script>
export default {
    name: "Count",
    props: ['count', "changeCount"],
    data() {
        return {
            // count1: this.count
        };
    },
    // watch:{
    //     count(val) {
    //         this.count1 = val
    //     }
    // }
    computed: {
        count1() {
            return this.count
        }
    }
    // methods: {
    //     changeCount1(n) {
    //         this.changeCount(n)
    //     }
    // }
};
</script>

<style></style>
